<style>
/* Paginador */
#paginador{
    height:60px;
    margin:10px auto;
    float:right;
    text-align: right;
/*    border:1px solid red; */
}

#paginador li {
        list-style-type: none;
        display: inline-block;
        margin:3px 2px;
        padding:5px;
        background-color: lightblue;
        color:#000;
/*        border:1px solid blue; */
}
#paginador li:hover { background-color: #009ee0; }
#paginador ul {
    margin-top:20px;
    text-align: left;
    color:white;
    font-size:14px;
    font-weight:normal;
    float:right;
    margin-right:20px;    
    
}

#paginador a:link, #paginador a:visited {
	height:23px;
	color: #000;
	text-decoration:none;
	text-align:left;
}

#paginador a:hover { color: #000; }

#paginador .pag_selected {
    font-weight: bold; 
    background-color: #9DE33E;
    padding: 5px;
}

td {
	line-height:30px;
	font-family:Helvetica;
	font-size:15px;
	padding-left:10px;
}
.campo_texto {
	padding:4px;
	width:200px;
}
.divider-line {
clear: both;
border-top: 1px solid #c3c8ca;
border-bottom: 1px solid white;
margin: 40px 0 0;
}

</style>

<div id="dentro-libre" > 
	<h1 style="padding: 9px 35px;margin-bottom: -20px;display:block; width: 70%;float: left;">Obtené un Turno con un Profesional de la Salud</h1>
	<div style="float: right; width: 20%; margin-top: 12px;" ><a href="/turnos/cancelar" class="btn btn-large btn-warning" style="color: white;width: 80%;text-decoration: none;">Cancelar Turno</a></div>
	<div class="clearfix"></div>
	
	<h2>desde cualquier lugar y a cualquier hora</h2>
<?php
	if(empty($datos_generales)){ // Si todavía no se realizo una búsqueda
?>
  	<form action='/turnos' method='post' style="margin-right: none;width: 100%;">
  	<div id="buscador" style="background: #009ee0; color: white; width: 100%;height: 250px;-webkit-box-shadow: inset 0 20px 30px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 20px 30px 0 rgba(0, 0, 0, 0.2);box-shadow: inset 0 20px 30px 0 rgba(0, 0, 0, 0.2); border-bottom: 1px solid #213871;">
  			<div id="turno_panel_izq" style="width: 33%; padding: 28px;float: left;clear: none;font-size: 140%;">
  				<img src="/images/iso-footer.png"><br/>
				Ahora vas a poder sacar Turnos con tu médico o profesional de la salud pero por Internet!!
  			</div>
  			<div id="turno_panel_der1" style="width: 30%;float: left;clear: none;">
			
				<label>País</label>
<?php 
				echo "<select name='pais_id' id='pais_id' style='vertical-align:middle;'>";
				foreach ($countries as $clave=>$valor){
					if($clave==$pais_id) {$sel='selected=selected'; } else { $sel=''; }
					echo "<option value='$clave' $sel>$valor</option>";
				}
				echo "</select>";
?>
				<label>Provincia</label>
				<input type='text' name='provincia' id='provincia' value='<?php echo $provincia;?>' class='campo_texto'>

				<label>Localidad</label>
				<input type='text' name='localidad' id='localidad' value='<?php echo $localidad;?>' class='campo_texto'>

			</div>
			<div id="turno_panel_der2" style="width: 30%;float: left;clear: none;">

				<label>Nombre del Consultorio</label>
				<input type='text' name='consultorio' id='consultorio' value='<?php echo $consultorio;?>' class='campo_texto' style='width:250px;'>

				<label>Especialidad Médica</label>
<?php 
				echo "<select name='especialidad' id='especialidad' style='vertical-align:middle;width:250px;'>";
				echo "<option value='0' >Todas</option>";
				foreach ($specialties as $clave=>$valor){
					if($clave==$especialidad) {$sel='selected=selected'; } else { $sel=''; }
					echo "<option value='$clave' $sel >$valor</option>";
				}
				echo "</select>";
?>
				<label>&nbsp;</label>
				<input type='submit' name='buscar' class='btn btn-success' value='Buscar' style='width:200px;cursor:pointer;'>
  			</div>

		<script>
			jQuery(function() {

			    jQuery("#provincia").autocomplete("/ajax/obtiene_provincias_clientes/", {
			        width: 260,
			        selectFirst: true
			    });

			    jQuery("#localidad").autocomplete("/ajax/obtiene_localidad_clientes/", {
			        width: 260,
			        selectFirst: true
			    });

			});
		</script>

  	</div>
  	</form>
<?php
	} // FIN de Si todavía no se realizo una búsqueda
?>
  	<div class="clearfix"></div>
  	
<?php


	if ($total_registros > $cuantos_por_pagina) { 
			echo '
				<div style="background: #efefef;padding: 20px 0px;border-bottom: 1px solid #cdcdcd;border-top: 1px solid #cdcdcd;">
					<div style="float: right; width: 20%;margin-top: 20px;" ><a href="/turnos/" class="btn btn-large btn-success" style="color: white;width: 80%;text-decoration: none;">Realizar una nueva búsqueda</a></div>				
					<h2>Se encontraron <span style="color: #009ee0;">'.$total_registros.'</span> profesionales y solo se muestran los primeros <span style="color: #009ee0;">'.$cuantos_por_pagina.'</span> del listado.</h2>
					<h3>Sugerimos que mejore la búsqueda para encontrar otros profesionales.</h3>
				</div>
			';
	}

	if(!empty($datos_generales)){


		foreach($datos_generales AS $registro){
			
?>
			<div class="consultorios" itemscope itemtype="http://schema.org/LocalBusiness">
				<div class="detalle_consultorio">
					<h3><span itemprop="name"><?php echo $registro['clients']['name'];?></span></h3>
					
					<?php
						foreach($registro['sucursales'] as $suc){
							$direccion = $suc['Sucursal']['direccion'];
							$localidad = $suc['Sucursal']['localidad'];
							$provincia = $suc['Sucursal']['provincia'];
							$telefono  = $suc['Sucursal']['telefono'];
							
							echo "<div itemprop='address' itemscope itemtype='http://schema.org/PostalAddress' style='padding-left: 35px;'>
								<span itemprop='streetAddress'>$direccion</span>";
							echo "<div itemprop='addressLocality'>$localidad $provincia</div>";
							echo "<div itemprop='telephone'>$telefono</div>";
							
							echo "<a href='/turnos/solicitar/{$registro['clients']['id']}/{$suc['Sucursal']['id']}' class='btn btn-info' 
									style='color: #fff;text-decoration: none;margin-bottom:10px;'>Solicitar Turno</a>";
							echo "</div>";			
						}
					?>		
				
					
				</div>
				<div itemprop="map" style='float: right; width: 41%; padding-top: 14px'>
					<?php
						$ubicacion = $registro['clients']['direccion'].' '.$registro['clients']['localidad'].' '.$registro['clients']['provincia'].' '.$countries[$registro['clients']['country_id']];
						$ubicacion = urlencode($ubicacion);
					?>
					<a href="https://maps.google.com.ar/maps?q=<?php echo $ubicacion;?>&hl=es-419&sll=-34.421891,-58.581965&sspn=0.010355,0.01929&t=m&z=16&iwloc=A" target="_blank"><img src="http://maps.googleapis.com/maps/api/staticmap?size=200x200&maptype=roadmap&zoom=13&markers=size:mid%7Ccolor:blue%7C<?php echo $ubicacion;?>>&key=AIzaSyCUEUsBtmeeYtNbEW20T635_gW0HR7X6Jw&sensor=false"></a>
				</div>
			</div>
<?php 			
		} // endforeach

		echo '<div class="clearfix"></div>';

		if ($total_registros > $cuantos_por_pagina) { 
				echo '
					<div style="background: #efefef;padding: 20px 0px;border-bottom: 1px solid #cdcdcd;">
					<h2>Se encontraron <span style="color: #009ee0;">'.$total_registros.'</span> profesionales y solo se muestran los primeros <span style="color: #009ee0;">'.$cuantos_por_pagina.'</span> del listado.</h2>
					<h3>Sugerimos que mejore la búsqueda para encontrar otros profesionales.</h3>
					</div>
				';
		}

		echo "<p>&nbsp;</p>";		
	}else{ // Si todavia no se hizo ninguna búsqueda


		if($busqueda_realizada == 1){
			echo '<div class="btn btn-large btn-info disabled" style="margin: 15px;">No se encontraron resultados...</div>';
		}

?>

	<div>
		<h1 style="padding: 9px 35px;margin-bottom: -20px;display:block;">¿Sos Profesional de la Salud y todavía no estás usando este servicio para gestionar y administrar tus turnos?</h1>
		<div style="float: right;padding: 0px 30px;"><img src="/images/img-turnos-epicrisis.png"></div>
		<br/>
		<p>Para tomar los turnos no necesitás que una persona esté en tu consultorio 12 hs por día, ya que se gestionan los turnos desde la Internet y tu secretaria puede estar en su casa respondiendo el teléfono y cargando los turnos en Epicrisis, y vos en el Hospital podrás ver cómo viene la agenda.</p>
		<p>Pronto, incluso, los pacientes podrán autogestionarse los turnos, aumentando la disponibilidad de tu servicio, ideal si tenés que comenzar a armar tu cartera de clientes.</p>


		<div style="text-align: center;"><a href="/clients/add?turnos"  class="btn btn-large btn-success" style="color: white; text-decoration: none;">Crea ahora tu cuenta GRATIS<br/> y comenzá a disfrutar del servicio → </a></div>
	</div>
	<div class="divider-line"></div>

	<div id="version_mobile">
		<h1 style="padding: 9px 35px;margin-bottom: -20px;display:block;">También podés hacerlo desde tu Celular</h1>
		<h2>desde cualquier lugar y a cualquier hora</h2>
 		<div align="center">
 			<img src="/images/epicrisis-mobile.png"><br/>

			<a href="https://itunes.apple.com/ar/app/epicrisis-historia-clinica/id714636417?mt=8&uo=4" target="itunes_store">
			<img alt="Epicrisis en App Store" src="/images/appstore_es.png" border="0" /></a>

			<a href="https://play.google.com/store/apps/details?id=com.epicrisisweb.mobile">
			  <img alt="Epicrisis en Google Play"
			       src="https://developer.android.com/images/brand/es-419_app_rgb_wo_60.png" border="0" />
			</a>	

 		</div>
	</div>

<?php
	} // endif empty
?>
</div>